<template>
    <dv-water-level-pond class="dv-wa-le-po" :config="config" />
</template>

<script>
export default {
    name: 'Water',
    props: {
        config: {
            type: Object,
            required: true
        }
    },
    watch: {
        config: {
            handler() { },
            deep: true
        }
    },
    setup(props) {
        console.log(props.config); // 访问传递的配置
        return {
            config: props.config // 返回配置以供模板使用
        };
    }
};
</script>

<style scoped>
.dv-wa-le-po {
    /* 样式定义 */
    height: 120px;
}
</style>